<template>
	<view class="class-list">
		<view class="content">
			<navigator url="/pages/preview/preview" class="item" v-for="(item,index) in 10" :key="index" >
				<image src="../../commons/images/preview1.jpg" mode="aspectFill"></image>
			</navigator>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style scoped lang="scss">
	.class-list{
		.content{
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 5rpx;
			padding: 5rpx;
			.item{
				aspect-ratio: 9 / 20;
				image{
					width: 100%;
					height:100%;
					display: block;
				}
			}
		}
	}

</style>
